<template>
  <div style="width: 1000px;margin-left: 10px">
    <el-card>
      <el-card style="background-color: #bbb9b9;margin-bottom: 30px">
        <el-row :gutter="10">
          <el-col :span="22">
            <h1>修改箱格</h1>
          </el-col>
          <el-col :span="2">
            <i class="el-icon-delete-solid" style="margin-bottom: 50px; color: red">删除</i>
          </el-col>
        </el-row>
      </el-card>
      <el-form ref="form" :model="form" label-width="100px">
        <el-form-item label="柜机编号">
          <el-input v-model="form.name" placeholder="请填写"></el-input>
        </el-form-item>
        <el-form-item label="所在地址">
          <el-input v-model="form.name" placeholder="请填写/_/_"></el-input>
        </el-form-item>
        <el-form-item label="箱格序号">
          <el-input v-model="form.name" placeholder="请填写"></el-input>
        </el-form-item>
        <el-form-item label="箱格位置">
          <el-col :span="6">
            <el-select v-model="form.region" placeholder="请选择行">
              <el-option label="1行" value="shanghai"></el-option>
              <el-option label="2行" value="beijing"></el-option>
              <el-option label="3行" value="beijing"></el-option>
              <el-option label="4行" value="beijing"></el-option>
              <el-option label="5行" value="beijing"></el-option>
              <el-option label="6行" value="beijing"></el-option>
              <el-option label="7行" value="beijing"></el-option>
              <el-option label="8行" value="beijing"></el-option>
              <el-option label="9行" value="beijing"></el-option>
              <el-option label="10行" value="beijing"></el-option>
              <el-option label="11行" value="beijing"></el-option>
              <el-option label="12行" value="beijing"></el-option>
            </el-select>
          </el-col>
          <el-col class="line" :span="3"></el-col>
          <el-col :span="6">
            <el-select v-model="form.region" placeholder="请选择列">
              <el-option label="1列" value="shanghai"></el-option>
              <el-option label="2列" value="shanghai"></el-option>
              <el-option label="3列" value="shanghai"></el-option>
              <el-option label="4列" value="shanghai"></el-option>
              <el-option label="5列" value="shanghai"></el-option>
              <el-option label="6列" value="shanghai"></el-option>
              <el-option label="7列" value="shanghai"></el-option>
              <el-option label="8列" value="beijing"></el-option>
              <el-option label="9列" value="beijing"></el-option>
              <el-option label="10列" value="beijing"></el-option>
            </el-select>
          </el-col>
          <el-col class="line" :span="3"></el-col>
          <el-col :span="6">
          </el-col>
        </el-form-item>
        <el-form-item label="箱格类型">
          <el-select v-model="form.region" placeholder="请选择">
            <el-option label="大箱" value="shanghai"></el-option>
            <el-option label="中箱" value="beijing"></el-option>
            <el-option label="小箱" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="宽深高/cm">
          <el-col :span="6">
            <el-input v-model="form.name" placeholder="请填写宽" style="width: 200px;margin: 0 auto"></el-input>
          </el-col>
          <el-col class="line" :span="3">-</el-col>
          <el-col :span="6">
            <el-input v-model="form.name" placeholder="请填写深" style="width: 200px"></el-input>
          </el-col>
          <el-col class="line" :span="3">-</el-col>
          <el-col :span="6">
            <el-input v-model="form.name" placeholder="请填写高" style="width: 200px"></el-input>
          </el-col>
        </el-form-item>
        <el-form-item label="存藏类型">
          <el-select v-model="form.region" placeholder="请选择">
            <el-option label="冷藏" value="shanghai"></el-option>
            <el-option label="常温" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">确认</el-button>
          <el-button>取消</el-button>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!');
    }
  }
}
</script>

<style scoped>

</style>